<template>
     <van-skeleton v-if="status" title :row="3" />
    <div v-else>
 <van-nav-bar title="填写订单" left-text="返回" left-arrow @click-left="() => { $router.back('/xiang') }" />
    <div style="margin-top: 20px;width: 100%;height: 80px;margin-top: 20px;border: solid 1px #999;">
        <span>刘贝贝</span> <span>13962001793</span>
            <p style="float: right;"><b>《</b></p>
            <p style="float: left;padding: 10px;"><img src="./图片1_03.jpg" alt="" style="width: 20px;height: 20px;"></p>
        <p>辽宁省鞍山市立山区东大街123号</p>
    </div>
    <div style="width: 100%;height: 130px;margin-top: 20px;border: solid 1px #999;">
        <p style="float: left;"><img src="./图片2_03.jpg" alt="" style="width: 100px;height: 100px;"></p>
    <div style="float: right;">
        <h4>罗马仕 移动电源 WA系列A30</h4>
        <h5 style="color: #999;">白色 3000AhyKMS01824移动电源充电宝</h5>
        <span style="font-size: 20px; color: red;">￥99</span><span style="color: #999;">￥109</span>
    </div>
    </div>
    <h3>支付方式</h3>
    <div style="width: 100%;height: 50px; border: solid 1px #999;">
<span><img src="./图片3_03.jpg" alt=""></span><span style="margin-left: 30px;">微信支付</span>
    </div>
    <div style="width: 100%;height: 50px; border: solid 1px #999;margin-top: 20px;">
<span><img src="./图片4_03.jpg" alt=""></span><span style="margin-left: 30px;">资金券</span><span style="float: right;margin-top: 15px;">有可用代金券》</span>
    </div>
    <div style="width: 100%;height: 50px; border: solid 1px #999; margin-top: 20px;">
<span><img src="./图片5_03.jpg" alt=""></span><span style="margin-left: 30px;">商品券</span><span style="float: right;margin-top: 15px;">有可用商品券》</span>
    </div>
    <div style="width: 100%;height: 50px; border: solid 1px #999; margin-top: 20px;">
<span><img src="./图片6_06.jpg" alt=""></span><span style="margin-left: 30px;">发票</span><span style="float: right;margin-top: 15px;">有可用发票》</span>
    </div>
<div style="width: 100%;height: 30px; border: solid 1px #999; margin-top: 20px;">
    <span style="font-size: 15px;">备注：</span><span style="color: #999;">填写内容和卖家协商</span>
</div>
 <div style="width: 100%;height: 100px;margin-top: 120px;">
<span><img src="./图片7_08.jpg" alt=""></span> <span>实付款</span> 
<span style="color: red;">￥99</span> <span style="font-size: 10px; color: red;">免运费</span>
<span><button style="background-color: blue; width: 100px;height: 50px; color: white;border: 1px solid blue;float: right;" @click="djj">去结算</button></span>
    </div>
    </div>
   
</template>

<script setup>
import { useRouter } from 'vue-router'
let router=useRouter()
import { ref } from 'vue'
let status=ref(true)
setTimeout(()=>{
    status.value=false
},2000)
const djj=()=>{
    router.push('/zf')
}
</script>

<style lang="scss" scoped>

</style>